page{
  background-color:#eceae5 ;
}
.login_userinfo {
  height: 45vh;
  overflow: hidden;
  background-color: var(--themeColor);
  position: relative;
  .login_warp {
    position: relative;
    .login_bg {
      image {
        height: 46vh;
        filter: blur(10rpx); //高斯模糊
      }
    }
    .login_info {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 20%;
      text-align: center;
      image {
        width: 50%;
        border-radius: 50%;

        margin-bottom: 20%;
      }
      .info_name {
        color: var(--themeColor);
        font-weight: 600;
      }
    }
  }
  .to_login{
      position: absolute;
      left: 50%;
      top: 30%;
      transform: translateX(-50%);
      navigator{
          width: 150rpx;
          height: 80rpx;
          border: 1px solid #fff;
          text-align: center;
          line-height: 80rpx;
          color: #fff;
      }
  }
}
.user_mian_warp{
  position: relative;
  .user_mian{
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:-40rpx;
    .history_warp{
      display: flex; 
      margin-bottom: 20rpx;
      navigator{
        flex:1;
        background-color: #fff;
        padding: 0 5rpx;
        padding: 10rpx 0;
        text-align: center;
        font-size: 28rpx;
        .his_num{
          color: var(--themeColor);
        }
      }
    }
    .orders_warp{
      background-color: #fff;
      padding: 10rpx 0;
      .orders_title{
        font-size: 28rpx;
        padding: 15rpx;
        border-bottom: 1px solid #d3d4d3;
      }
      .orders_item_list{
        display: flex;
        padding: 10rpx;
        .order_item{
          flex: 1;
          text-align: center;
          .iconfont{
            color: var(--themeColor);
            // margin: 10rpx;
            font-size: 56rpx;
          }
          .item_title{
            font-size: 28rpx;
          }
        }
      }
    }
    .orders_address{
      margin: 20rpx 0;
      padding:20rpx 15rpx;
      font-size: 28rpx;
      background-color: #fff;
    }
    .tools_warp{
      font-size: 28rpx;
      background-color: #fff;
      margin-bottom: 20rpx 0;
      .tools_item_list{
        .tools_item{
          padding:20rpx 15rpx;
          border-bottom: 1px solid #d3d4d5;
          text{
            float: right;
            display: inline-block;
          }
        }
      }
    }
    .share_app_warp{
      margin: 20rpx 0;
      padding:20rpx 15rpx;
      font-size: 28rpx;
      background-color: #fff;
      .share_item{

      }
    }
  }

}
